<route lang="json5">
{
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '任务详情',
  },
}
</route>
<template>
  <view :style="{ paddingTop: padTop + 'px' }">
    <view class="tabbar">
      <wd-navbar style="minheight: 100rpx" title="任务详情" :bordered="false">
        <template #left>
          <wd-icon name="thin-arrow-left" size="22px" color="white" @click="goBack"></wd-icon>
        </template>
      </wd-navbar>
    </view>

    <!-- <view class="mb2 mt2">
      <h5>流转详情</h5>
    </view> -->
    <flowDetailsTable
      :processInstanceId="processInstanceId"
      :activityId="activityId"
    ></flowDetailsTable>
  </view>
</template>
<script lang="ts" setup>
import flowDetailsTable from './components/flowDetailsTable.vue';

const sysInfo = uni.getSystemInfoSync();
const tabStatus = (sysInfo?.safeArea?.top || 0) + 50;
const padTop = ref(tabStatus);
const processInstanceId = ref('');
const activityId = ref('');
const goBack = () => {
  uni.navigateBack();
};
onLoad((options) => {
  if (options) {
    processInstanceId.value = options.processInstanceId || '';
    activityId.value = options.activityId || '';
  }
});
</script>

<style scoped>
.tabbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(45deg, #0081ff, #1ab3f5);
}
:deep(.wd-navbar__left--hover) {
  background: none;
}
</style>
